<section id="tpl">
    <section class="templt">
        <div class="container page1" *ngIf="1">
            <!-- <div class="head">
                <div nz-row class="hdcontent">
                    <div nz-col nzSpan="12">
                        <p class="p1">南昌一脉阳光综合门诊部</p>
                    </div>
                    <div nz-col nzSpan="12" class="logym">
                        <img [src]="logebase" alt="">
                    </div>
                </div>
            </div> -->
            <!-- 报告解读纪要 -->
            <div class="content fenye">
                <div nz-row class="tt">
                    <div nz-col nzSpan="12">
                        <p class="p1">报告解读纪要 <span class="line"></span> </p>
                    </div>
                    <div nz-col nzSpan="12">
                        <p class="p2">专属客服：{{res.baseInfor.service_name}}</p>
                    </div>
                </div>

                <div class="infor">
                    <p class="p1">{{res.baseInfor.customer_name}}</p>
                    <div nz-row>
                        <div nz-col nzSpan="8">
                            <p class="p2">年龄：{{res.baseInfor.customer_age}}</p>
                        </div>
                        <div nz-col nzSpan="8">
                            <p class="p2">性别：{{res.baseInfor.customer_six}}</p>
                        </div>
                        <div nz-col nzSpan="8">
                            <p class="p2">联系电话：{{res.baseInfor.customer_phone}}</p>
                        </div>
                    </div>

                </div>

                <div class="checkinfor">
                    <span>解读医生：{{res.baseInfor.doctor_name}}</span><span>检查登记号：{{res.baseInfor.check_number}}</span><span>检查日期：{{res.baseInfor.check_date}}</span>
                </div>


                <!-- 重点关注内容 -->
                <div nz-row class="tt zdrl">
                    <div nz-col nzSpan="12">
                        <p class="p1">重点关注内容 <span class="line"></span> </p>
                    </div>
                    <div nz-col nzSpan="12" class="tpct">
                        <div class="tipline">
                            <div class="item">
                                <div class="line low"></div>
                                <p>低风险</p>
                            </div>
                            <div class="item">
                                <div class="line center"></div>
                                <p>中风险</p>
                            </div>
                            <div class="item">
                                <div class="line height"></div>
                                <p>高风险</p>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="zdcontent">
                    <div class="question one no_fenye" *ngIf="resinfor.two_import._one.length!=0">
                        <p class="tt">Ⅰ级问题</p>
                        <p class="none" *ngIf="resinfor.two_import._one.length===0">无</p>
                        <ol>
                            <li *ngFor="let item of resinfor.two_import._one;let i=index;">{{item.value}}</li>
                        </ol>
                    </div>
                    <div class="question two no_fenye" *ngIf="resinfor.two_import._two.length!=0">
                        <p class="tt">Ⅱ级问题</p>
                        <p class="none" *ngIf="resinfor.two_import._two.length===0">无</p>
                        <ol>
                            <li *ngFor="let item of resinfor.two_import._two;let i=index;">{{item.value}}</li>
                        </ol>

                    </div>
                    <div class="question three no_fenye" *ngIf="resinfor.two_import._three.length!=0">
                        <p class="tt">Ⅲ级问题</p>
                        <p class="none" *ngIf="resinfor.two_import._three.length===0">无</p>
                        <ol>
                            <li *ngFor="let item of resinfor.two_import._three;let i=index;">{{item.value}}</li>
                        </ol>
                    </div>
                </div>

                <div class="Hytips no_fenye">
                    <p>注：针对您的检查结果为您分级</p>
                    <ul>
                        <li>
                            <p class="l1"></p>为Ⅰ级问题，需要您重点关注，需要及时就医治疗。
                        </li>
                        <li>
                            <p class="l2"></p>为Ⅱ级问题，需要您定期复查及多关注的内容，必要时需要接受治疗。
                        </li>
                        <li>
                            <p class="l3"></p>为Ⅲ级问题，需要您通过改善生活方式及习惯即可改善健康状况。
                        </li>
                    </ul>
                </div>

            </div>

        </div>
        <div class="container page2" *ngIf="1">

            <div class="content fenye">
                <div nz-row class="tt">
                    <div nz-col nzSpan="12">
                        <p class="p1 test_p1">医生建议及指导 <span class="line"></span> </p>
                    </div>
                </div>

                <div class="checkinfor no_fenye" *ngIf="resinfor.three_check.length!=0">
                    <p class="tt">进一步检查内容 ：</p>
                    <!-- one row -->
                    <div nz-row class="hd">
                        <div nz-col nzSpan="12">检查项目名称 </div>
                        <div nz-col nzSpan="12">进一步检查因素</div>
                    </div>
                    <!-- one row -->
                    <div nz-row class="item" *ngFor="let item of resinfor.three_check;let i=index;">
                        <div nz-col nzSpan="12" *ngFor="let _item of item;let k=index;">{{_item.value}} </div>
                    </div>

                </div>
                <div class="checkinfor no_fenye" *ngIf="resinfor.free_suggest.length!=0">
                    <p class="tt">医院就诊建议 ：</p>

                    <p class="none" *ngIf="resinfor.free_suggest.length===0">无</p>
                    <ol class="ft">
                        <li *ngFor="let item of resinfor.free_suggest;let i=index;">{{item.value}}</li>
                    </ol>


                </div>
                <div class="checkinfor no_fenye" *ngIf="resinfor.four_direction.length!=0">
                    <p class="tt">用药指导 ：</p>
                    <div nz-row class="hd">
                        <!-- one row -->
                        <div nz-col nzSpan="8">药品名称 </div>
                        <div nz-col nzSpan="8">药品剂量</div>
                        <div nz-col nzSpan="8">服用方式 </div>
                    </div>
                    <!-- one row -->
                    <div nz-row class="item" *ngFor="let item of resinfor.four_direction;let i=index;">
                        <div nz-col nzSpan="8" *ngFor="let _item of item;let k=index;">{{_item.value}}</div>
                    </div>

                </div>
                <div class="checkinfor no_fenye" *ngIf="resinfor.sex_sportfoot.length!=0">
                    <p class="tt">健康建议&饮食指导：</p>
                    <p class="none" *ngIf="resinfor.sex_sportfoot.length===0">无</p>
                    <ol class="ft">
                        <li *ngFor="let item of resinfor.sex_sportfoot;let i=index;">{{item.value}}</li>
                    </ol>

                </div>
            </div>
        </div>
        <div class="container page3" *ngIf="1">

            <div class="content">
                <div class="no_fenye" *ngIf="resinfor.seven_review.length!=0">
                    <div nz-row class="tt">
                        <div nz-col nzSpan="12">
                            <p class="p1 test_p1">复查时间安排 <span class="line"></span> </p>
                        </div>
                    </div>

                    <div class="checkinfor no_fenye">
                        <!-- one row -->
                        <div nz-row class="hd">
                            <div nz-col nzSpan="6">复查内容 </div>
                            <div nz-col nzSpan="6">复查时间</div>
                            <div nz-col nzSpan="6">复查周期</div>
                            <div nz-col nzSpan="6">备注</div>
                        </div>
                        <!-- one row -->
                        <div nz-row class="item" *ngFor="let item of resinfor.seven_review;let i=index;">
                            <div nz-col nzSpan="6" *ngFor="let _item of item;let k=index;">{{_item.value}}</div>
                        </div>


                    </div>
                </div>

                <div class="no_fenye" *ngIf="resinfor.eight_contrast.checkList.length!=0">
                    <div nz-row class="tt tttwo">
                        <div nz-col nzSpan="12">
                            <p class="p1">往期重点检测数据对比 <span class="line"></span> </p>
                        </div>
                        <div nz-col nzSpan="12" class="jcsj">
                            <p class="p2_2">上次检查日期：{{resinfor.eight_contrast.checkdate}}</p>
                        </div>
                    </div>

                    <div class="checkinfor">
                        <!-- one row -->
                        <div class="hd ly_items">
                            <div class="ly_item">项目名称</div>
                            <div class="ly_item">本次结果</div>
                            <div class="ly_item">上次结果</div>
                            <div class="ly_item">参考范围</div>
                            <div class="ly_item">单位</div>
                        </div>
                        <div class="item ly_items" *ngFor="let item of resinfor.eight_contrast.checkList;let i=index;">
                            <div class="ly_item" *ngFor="let _item of item;let k=index;">{{_item.value}}<span class="up"
                                    *ngIf="_item.isHeight&&k==1">↑</span></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="container page4" *ngIf="1">

            <div class="content">
                <div class="no_fenye" *ngIf="resinfor.nine_conclusion.length!=0">
                    <div nz-row class="tt">
                        <div nz-col nzSpan="12">
                            <p class="p1 test_p1">检查结论对比<span class="line"></span> </p>
                        </div>
                    </div>

                    <div class="conclusion no_fenye" *ngFor="let item of resinfor.nine_conclusion;let i=index;">
                        <div nz-row class="nc_tt">
                            <div nz-col nzSpan="12">检查结论</div>
                            <div nz-col nzSpan="12" style="text-align: right;font-size: 24px;">{{item.checkdate}}</div>
                        </div>
                        <div class="jl">
                            <!-- <p class="p1">检查结论：</p> -->
                            <div nz-row class="item" *ngFor="let item of item.conclusion;let i=index;">
                                <p>{{i+1}}.{{item.value}}</p>
                            </div>
                        </div>
                    </div>
                </div>

            </div>


        </div>
    </section>
</section>